<template>
    <i :class="['nb-icon',`nb-icon-${type}`,{'nb-icon-spin':spin}]" :style="{ fontSize:`${size}px`,color }" ></i>
</template>

<script>
export default {
    name: 'NbIcon',
    props:{
        type:String,
        size:{
            type:Number,
            default:20
        },
        color:{
            type:String,
            default:'#2c3e50'
        },
        spin:{
            type:Boolean,
            default:false
        }
    },

};
</script>

<style lang="scss" scoped>
/*
* 引入字体图标
* awesome字体
* 官网 https://fontawesome.dashgame.com/#google_vignette
*/
@import './scss/font-awesome.scss';
</style>